<template>
	<div class="zco-card-collection-cancel-container">
		<p>{{ getMessage }}</p>
		<p v-if="reason === 'timeout'">{{ getReason }}</p>
	</div>
</template>
<script>
export default {
	name: 'APP',
	props: {
		toUserRole: {
			type: String,
			default: () => ''
		},
		toUserName: {
			type: String,
			default: () => ''
		},
		reason: {
			type: String,
			default: () => ''
		}
	},
	computed: {
		getMessage() {
			return `取消${this.toUserRole === 'customer' ? '访客' : '坐席'}<${this.toUserName}>的卡证采集请求`;
		},
		getReason() {
			return '原因：访客提交超时';
		}
	},
	data() {
		return {};
	},
	methods: {},
	created() {},
	mounted() {}
};
</script>
<style scoped>
.zco-card-collection-cancel-container p {
	margin: 0;
}
</style>
